<!DOCTYPE html>
<html lang="cn">

<head>
    <meta charset="UTF-8">
    <title>福特专场--买保养套餐,低至310元</title>
    <link rel="stylesheet" type="text/css" href="css/m-reset.css">
    <link rel="stylesheet" type="text/css" href="css/index.css">
</head>

<body>
    <div class="g-box">
        <div class="g-bd">
            <ul class="m-hot">
                <li class="f-cb" v-for="fordList in fordData" v-on:click="getApp(1,fordList.pid)">
                    <div class="f-fl">
                        <img v-bind:src="fordList.img_src" alt="">
                    </div>
                    <div class="hot-text f-fl">
                        <h2 class="u-tit">{{fordList.title}}</h2>
                        <p class="u-models-tit">套餐内容:</p>
                        <div class="hot-model">
                            <p class="u-models">{{fordList.package}}</p>
                        </div>
                        <p class="u-price">¥<span>{{fordList.price}}</span>/个</p>
                        <button>立即购买</button>
                    </div>

                </li>
            </ul>
            <div class="g-rules">
                <div class="rules-top"></div>
                <div class="m-rules">
                    <h2>活动规则</h2>
                    <div class="rules-con">
                        <p>1.商品仅限浙江省内车主购买，其他用户暂时不能参与购买。</p>
                        <p>2、发货时间：下单之后48小时内发货(节假日顺延)；</p>
                        <p>3、发货方式：根据订单具体商品及数量，选择快递、同城速运、物流等多种方式；</p>
                        <p>4、活动最终解释权属于牛汽配；</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="g-ft"></div>
    </div>
    <!-- rem -->
    <script src="js/rem.min.js"></script>
    <!-- 引入vue框架 -->
    <script src="js/vue.min.js"></script>
    <!-- 首页js文件 -->
    <script src="js/ford-package.js"></script>
</body>

</html>